|技术资源门户第一站|
入住:用户 密码


首  页 | 新闻动态 | 网页设计 | 图形图像 | 网络编程 | 电脑技术 | 资源下载 | 专题集锦 | 酷站展示 | 图库素材 | 原创投稿
论  坛 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定
热 门 文 章
·(下)用Photoshop“组装”一只标
·微软宣布SQLServer2005功能及售价
·HTML简明手册 — 第十一章 脚本语
·四川风讯科技发展有限公司首届模
·完美之作:茶·咖啡·果汁
·HTML简明手册 — 第九章 样式
·腾讯宣布收购Foxmail
·下拉菜单全攻略之Dreamweaver篇
·ASP初学者常犯的几个错误
·Dreamweaver MX 2004 入门教程之
推 荐文 章
·【PS特训营】(1)《快速纹理》
·最新的技术-XSS(五)
·最新的技术-XSS(四)
·最新的技术-XSS(三)
·最新的技术-XSS(二)
·最新的技术-XSS(一)
·多媒体标记Shvatz 前景
·进入SMIL
·SMIL:多媒体标记
·XML未来的设计:未来的结构
栏目精华
相 关 文 章
·css新手上路<七>
·css新手上路<六>
·css新手上路<五>
·css新手上路<三>
·css新手上路<二>
·css 新手上路<一>
·用CSS定义IE滚动条颜色
·CSS基础学习
·弹性设计
  最新更新:  
 
全能搜索:
  开始时间  结束时间 
 
 您现在的位置:首页>网页设计>Css>新闻
css新手上路<四>
日期:2005-4-1 9:46:33     来源:网讯   编辑:网讯 
 

这一节我们将讨论如何用  CSS  来控制网页中文字定位,  这些性质是 

line-height:  行距 
text-align:  向那个方向看齐 
vertical-align:  向上还是向下看齐 
text-indent:  段落第一行空格 
text-transform:  字母的大小写 
text-decoration:  给文字加装饰,  比如下滑线 
行距
我们有时候可能会想把行距加大点使得文字看的清楚一些.  CSS 
中的  line-height  可以取得这种调节 

    P.double  {line-height:  2}
请看下面的比较.  这  一  段  的  行  距  是  正常  的.  这  一  段  的  行  距  是  正常  的.  这  一  段  的  行  距  是  正常  的.  这  一  段  的  行  距  是  正常  的. 

这  一  段  的  行  距  是  双  倍  的.  这  一  段  的  行  距  是  双  倍  的.  这  一  段  的  行  距  是  双  倍  的.  这  一  段  的  行  距  是  双  倍  的. 

 


你要让  line-height  等于  3  的话,  那行距就更大了. 

看齐
一般来说我们都是向左边看齐.  但有的时候也有其他的选择, 
比如说向右边看齐. 

        P.right  {text-align:  right}
        P.center  {text-align:  center}
        P.justify  {text-align:  justify}
请看下面的比较.  这  一  行  左  边  看  齐 

这  一  行  右  边  看  齐 

这  一  行  在  中  间 

 


text-align  可以有  left,  right,  center,  和  justify 

段落的首行空格
如果我们想让第一行的开头空几格,  可以用  text-indent,  比如 

    P  {text-indent:  1cm}
请看下面的例子.  这  一  段  开  头  空  了  1  厘  米.  这  一  段  开  头  空  了  1  厘  米.  这  一  段  开  头  空  了  1  厘  米.  这  一  段  开  头  空  了  1  厘  米. 

 


字母的大小写
这个性质显然跟中文没关系,  但如果我们要处理英文,  你可以
用  text-transform  来改变英文的大小写.  比如,  让每个字的
第一个字母大写 

        P.capitalize  {text-transform:  capitalize}
        P.up  {text-transform:  uppercase}
        P.low  {text-transform:  lowercase}
请看下面的比较.  All  the  words''  first  letter  have  been  capitalized  in  this  line

All  the  letters  are  uppercase  in  this  line

All  the  letters  are  lowercase  in  this  line

 


文字的装饰
就是在文字上加下滑线,  或中间加条线的.  比如 

        P.underline  {text-decoration:  underline}
        P.line-through  {text-decoration:  line-through}
请看下面的比较.  Underline  line

line-through  line

 


其实最常用的是我们想去掉联接下面的下滑线. 

    A  {text-decoration:  none}


特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑:网讯 原始作者:
信息来源:网讯 录入时间:2005-4-1 9:46:33
浏览次数: 投稿信箱: Wooxun#126.com

  → 发表我的评论      → 查看评论(点击查看)
版权所有 2005-2006©www.woxun.com  维护QQ:8216238
设计版本:网讯中国 2005 VOL.1 程序核心:风讯2.0